<template>
  <div class="main">
    <header>
      <p style v-on:click="goback()">← 机构选择</p>
      <p style="position: absolute">北京市</p>
    </header>
    <van-search
      v-model="value"
      shape="round"
      background="rgb(230, 230, 230)"
      placeholder="搜索"
    />
    <div class="under">
        <div>(中国)电信集团</div>
        <div>中国联合网络通讯</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    goback() {
      this.$router.replace({ name: "LifeService" });
    },
  },
};
</script>

<style scoped lang='less'>
.main {
    background-color: rgb(230,230,230);
    height: 100%;
  header {
    padding-left: 20px;
    height: 125px;
    background-color: rgb(255, 86, 84);
    position: relative;
    p {
      margin: 0px;
      &:nth-child(1) {
        font-size: 30px;
        color: #fff;
        line-height: 125px;
      }
      &:nth-child(2) {
        right: 20px;
        bottom: 40px;
        font-size: 30px;
        color: #fff;
      }
    }
  }
  .under{
      div{
         font-family: monospace;
          width: 95%;
          height: 80px;
          line-height: 80px;
          border-radius: 5px;
          padding-left: 30px;
          background-color: #fff;
          font-size: 30px;
          color: #000;
          margin:0 auto 20px auto;
      }
  }
}

</style>